@keyframes show {
	0% {
		transform: translateY(-50px);
	}

	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes show {
	0% {
		transform: translateY(-50px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes tips {
	0% {
		transform: translateY(-50px);
	}

	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes tips {
	0% {
		transform: translateY(-50px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes rl {
	0% {
		transform: translateX(200px);
	}

	100% {
		transform: translateX(0px);
	}
}

@-webkit-keyframes rl {
	0% {
		transform: translateX(200px);
	}

	100% {
		transform: translateX(0px);
	}
}

@keyframes bt {
	0% {
		transform: translateY(200px);
	}

	60% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes bt {
	0% {
		transform: translateY(200px);
	}

	60% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes scaleDraw {

	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0% {
		transform: scale(1);
		/*开始为原始大小*/
	}

	25% {
		transform: scale(1.1);
		/*放大1.1倍*/
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes scaleDraw {

	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0% {
		transform: scale(1);
		/*开始为原始大小*/
	}

	25% {
		transform: scale(1.1);
		/*放大1.1倍*/
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes loading {
	to {
		text-shadow: 0 0 2px rgba(204, 208, 212, 0.2), 0 0 3px rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0),
			0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0);
	}
}
